@import "../../styles/default";
.okay-button{
  padding: size(8) 0;
  font-size: pxToRem(18);
  text-align: center;
  font-family: PingFang SC;
  &.okay-button-primary {
    background: $primary;
    color: $white;
    &.outline{
      border:solid 1px $primary;
      color: $primary;
      background: #FFFFFF;
    }
  }
  &.okay-button-success {
    background: $success;
    color: $white;
    &.outline{
      border:solid 1px $success;
      color: $success;
      background: #FFFFFF;
    }
  }
  &.okay-button-danger {
    background: $danger;
    color: $white;
    &.outline{
      border:solid 1px $danger;
      color: $danger;
      background: #FFFFFF;
    }
  }
  &.okay-button-warn {
    background: $warn;
    color: $white;
    &.outline{
      border:solid 1px $warn;
      color: $warn;
      background: #FFFFFF;
    }
  }
  &.okay-button-info {
    background: $info;
    color: $white;
    &.outline{
      border:solid 1px $info;
      color: $info;
      background: #FFFFFF;
    }
  }
  &.small {
    padding: size(4) pxToRem(8);
    font-size: pxToRem(12);
    display: inline-block;

  }
}
